<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全球新冠病毒实时数据统计</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
          integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
</head>
<body>
<div class="container">

    <div class="ui-corner-top">
        <h1 th:text="'全球新冠病毒感染总人数:'+${totalPeople}"></h1>
        <p class="lead" th:text="'较昨日新增:'+${totalNew}"></p>
    </div>

    <table class="table"  style="text-align: center" >
        <tr class="lead">
            <th>地区</th>
            <th>国家</th>
            <th>总感染病例</th>
            <th>较昨日新增感染病例</th>
        </tr>
        <tr class="seeLabel" th:each="d:${data}">
            <th th:text="${d.state}"></th>
            <th th:text="${d.country}"></th>
            <th th:text="${d.latestTotalCases}"></th>
            <th th:text="${d.diffFromPrevDay}"></th>
        </tr>
    </table>

</div>
</body>
</html>